html,
body {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  height: 100%;
  line-height: 1;
  font-size: 14px;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

.container {
  min-height: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

a{
  text-decoration: underline;
}

.flex-wrap,
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  /* 09版 */
  /* 12版 */
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}

.flex-stretch {
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.flex>a {
  display: block;
  color: inherit;
}

.flex-con {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  white-space: normal;
  min-width: 0;
  word-break: break-all;
}

.flex-vertical {
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: inherit;
  -webkit-box-align: inherit;
  align-items: inherit;
}

.border-t,
.border-b {
  position: relative;
}

.border-t:before,
.border-b:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #ddd;
  right: 0;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.border-t:before {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.border-b:after {
  top: auto;
  bottom: 0;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.bg-gray {
  background-color: #ebebeb;
}

.bg-white {
  background-color: #fff;
}

.text-left {
  text-align: left;
}

.text999,
.txt999 {
  color: #999;
}

.text333 {
  color: #333;
}

.textfff {
  color: #fff;
}

.loader-more {
  font-size: 12px;
  color: white;
  padding-bottom: 0.4rem;
}

.loader-more .loader-inner {
  display: inline-block;
  position: relative;
  bottom: -12px;
}

.loader-more .loader-nomore {
  padding: 0.4rem;
}

.rel {
  position: relative;
}

.one-line {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
}

.p30 {
  padding: 0.4rem;
}

img.gt {
  width: 0.1733rem;
  height: 0.3467rem;
}

.fz28 {
  font-size: 0.3733rem;
}

.fz26 {
  font-size: 0.3467rem;
}

.fz22 {
  font-size: 0.2933rem;
}

.fz24 {
  font-size: 0.32rem;
}

.txtfff,
.textfff {
  color: #fff;
}

.txt333 {
  color: #333;
}

.txt222 {
  color: #222;
}

.fz30 {
  font-size: 0.4rem;
}

.ib {
  display: inline-block;
}

.hr-gray {
  height: 0.1333rem;
  background-color: #f1f0f0;
}

.txt666 {
  color: #666;
}

.fz24 {
  font-size: 0.32rem;
}

.clearfix::after {
  content: ' ';
  display: table;
  clear: both;
}

.hr10gray {
  background-color: #ebebeb;
  height: 0.1333rem;
}

.list-loading {
  text-align: center;
  padding: 0.4rem 0;
  font-size: 0.3467rem;
  color: #666;
}

.list-loading>.flex {
  justify-content: center;
}

.list-loading-txt {
  padding-left: 0.4rem;
}

.list-data-isempty {
  text-align: center;
  padding: 1rem 0;
  font-size: 0.3467rem;
  color: #666;
}

.bg-img-contained {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.two-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; //需要控制的文本行数
  overflow: hidden;
  line-height: 1.2em;
}
.lht1{
  line-height:1.4em;
}
.disabled-btn{
  opacity: 0.4;
}
input,textarea{
  border:none;
  outline: none;
  font-size:0.32rem;
  -webkit-appearance: none;
}

.full-opacity{
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  opacity: 0;
  width: 100%;
  height:100%;
}
.full-txt-input{
  width:100%;
  box-sizing: border-box;
  font-size:0.4rem;
}

.mint-cell-swipe-buttongroup{
  display: table;
}
.mint-cell-swipe-button{
  display: table-cell;
  vertical-align: middle;
}
.block{
  display: block;
}

.mint-indicator-wrapper,.mint-indicator-mask{
  z-index: 99999;
}

.mint-cell-value{
  width: 100%;
}

.mint-cell:last-child,.mint-cell-wrapper{
  background:none;
}